<template>
    <div class="main">
      <!-- 这里的面包屑也可以抽取成一个组件 -->
      <el-breadcrumb v-show="this.$route.path !== '/home'" separator-class="el-icon-arrow-right">
        <el-breadcrumb-item class="line" :to="{ path: this.$route.path }">{{this.$route.meta.title}}</el-breadcrumb-item>
      </el-breadcrumb>
      <!-- 路由占位符 -->
      <router-view></router-view>
    </div>
</template>
<style scoped>
.main{
  /* 这样就让表格和表单都离左右一定距离 */
  margin: 0px 10px
}
.el-breadcrumb{
  height: 10px;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3)
}
.line{
  border-left: 3px solid lightgreen;
  padding-left: 10px
}
</style>
